<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>查看萌娃</title>
    <script src="__PUBLIC__/Home/js/mui.min.js"></script>
    <link href="__PUBLIC__/Home/css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" href="__PUBLIC__/Home/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="__PUBLIC__/Home/css/reset.css">
    <link rel="stylesheet" href="__PUBLIC__/Home/css/p-mw-zhuye.css">
    <script src="__PUBLIC__/Home/js/adaptive.js"></script>
    <script src="__PUBLIC__/Home/js/device.min.js"></script>
    <link rel="stylesheet" href="__PUBLIC__/Home/css/btm.css">



    <style>
        .swiper-slide img{width: 100%;}
        .btm li:nth-child(1) a{color: #01B0B8;z-index: 100!important;}
        .home{z-index: 1!important;}
        .mui-content .mui-pull-bottom-pocket  .mui-pull-caption{
            position: fixed;!important;
            bottom: 1.8rem;!important;
            left: 40%;
        }
        html,body{width: 100%;height: 100%;}
        .mui-content .mui-pull-bottom-pocket .mui-pull-loading{
            position: fixed;!important;
            bottom: 1.8rem;!important;
            left: 30%;
        }



    </style>
</head>
<body>


<!--顶部栏-->
<div class="seach">
    <form action="#">

        <img src="__PUBLIC__/Home/img/tg-fanhui.png" alt="" class="back">
    </form>
</div>


<!--<div class="home  pullrefresh mui-scroll-wrapper mui-content">-->
    <!--<div class="mui-scroll cont">-->
        <!--轮播区域-->
        <!--<div class="swiper-container">-->
            <!--<div class="swiper-wrapper">-->
                <!--<div class="swiper-slide"><img src="__PUBLIC__/Home/img/banner1.png" alt="">-->
                <!--</div>-->
                <!--<div class="swiper-slide"><img src="__PUBLIC__/Home/img/banner1.png" alt="">-->
                <!--</div>-->
                <!--<div class="swiper-slide"><img src="__PUBLIC__/Home/img/banner1.png" alt="">-->
                <!--</div>-->

            <!--</div>-->
            <!--&lt;!&ndash; 如果需要分页器 &ndash;&gt;-->
            <!--<div class="swiper-pagination"></div>-->
        <!--</div>-->
        <div class="bg" id="zhuye">
            <p class="p1">{$detail.name} <img src="__PUBLIC__/Home/img/h-tubiao1.png" alt=""><img src="__PUBLIC__/Home/img/h-tubiao2.png" alt=""></p>
            <p class="p2">{$detail.localtion}</p>
            <div class="binaji">编辑资料</div>

            <ul class="list2">
                <li class="lis2-show"><a href="#zhuye" style="color: black">主页</a></li>
                <li><a href="#jingli" style="color: black">个人经历</a></li>
                <li><a href="#shipin" style="color: black">视频</a></li>
            </ul>
        </div>


        <div class="con1">
             <ul class="xinxi">
                 <li> <p>生日</p>
                     <span>{$detail.birthday}</span>
                 </li>
                 <li> <p>年龄</p>
                     <span>{$detail.age}岁</span>
                 </li>
                 <li> <p>身高</p>
                     <span>{$detail.height}cm</span>
                 </li>
                 <li> <p>体重</p>
                     <span>{$detail.weight}kg</span>
                 </li>
                 <li> <p>鞋码</p>
                     <span>{$detail.shoose}号</span>
                 </li>
             </ul>
<!--标签-->
            <div class="biaoqian" id="jingli">
                  <p class="b1">标签</p>
                 <ul>
                     <li>可爱</li>
                     <li>活泼</li>
                     <li>小可爱</li>
                 </ul>
            </div>
<!--模卡-->
            <div class="moka">
                <p class="b1" >模卡（1/3）</p>
                <img src="__PUBLIC__/Home/img/banner1.png" alt="" class="l-img">
                <a href="#" class="a1">上传模卡</a>
                <a href="#" class="a2">制作模卡</a>
            </div>
<!--经历-->
            <div class="jingli">
                <p class="b1" >个人经历</p>
                <ul class="jl-list1">
                    <li>
                        <p class="b2">拍摄经历</p>
                        <p class="b3">还没拍摄经历</p>
                        <p class="b4"><a >+ 添加拍摄经历</a></p>
                    </li>
                    <li>
                        <p class="b2">演出经历</p>
                        <p class="b3">还没演出经历</p>
                        <p class="b4"><a>+ 演出经历</a></p>
                    </li>
                    <li>
                        <p class="b2">获奖经历</p>
                        <p class="b3">还没获奖经历</p>
                        <p class="b4"><a >+ 获奖经历</a></p>
                    </li>
                </ul>

                <ul class="jl-list2">
                    <li>
                        <p class="b2 s5">艺术照（30）<a>查看更多 <img src="__PUBLIC__/Home/img/back-right.png" alt=""></a></p>
                        <a href="{:U('user/mw_addimg')}">
                            <img src="__PUBLIC__/Home/img/p-add.png" alt="" class="addimg">
                            <p>上传图片</p>
                        </a>

                    </li>
                    <li>
                        <p class="b2 s5">剧照（30）<a>查看更多 <img src="__PUBLIC__/Home/img/back-right.png" alt=""></a></p>
                        <a href="{:U('user/mw_add_juzhao')}">
                            <img src="__PUBLIC__/Home/img/p-add.png" alt="" class="addimg">
                            <p>上传图片</p>
                        </a>

                    </li>
                    <li>

                        <p class="b2 s5" id="shipin">生活照（30）<a>查看更多 <img src="__PUBLIC__/Home/img/back-right.png" alt=""></a></p>
                        <a href="{:U('user/mw_add_live')}">
                        <img src="__PUBLIC__/Home/img/p-add.png" alt="" class="addimg">
                        <p>上传图片</p>
                        </a>
                    </li>
                </ul>


            </div>


            <!--百度百科-->
            <div class="baidu">
                <p class="b1">百度百科</p>
                <input type="text" placeholder="粘贴链接">
            </div>

            <!--视频-->
            <div class="video">
                <p class="b1">共0个视频</p>
                <img src="__PUBLIC__/Home/img/banner1.png" alt="" class="l-img">
                <time>0:12:16</time>
                <a href="#" class="a1">示范视频</a>
                <a href="#" class="a2">上传视频</a>
                <nav><b>赞 12</b><b>浏览 236</b> <b>2018/02/15</b></nav>
            </div>
        </div>












    <!--</div>-->

<!--</div>-->

<script src="__PUBLIC__/Home/js/jquery-1.11.1.js"></script>
<script src="__PUBLIC__/Home/js/swiper-3.4.2.min.js"></script>
<script>
    $(".back").click(function () {
        window.history.back(-1);
    })
    $(".list2 li").click(function () {
        $(this).addClass("lis2-show").siblings().removeClass()
    })

</script>
<script>

    var swiper = new Swiper('.swiper-container', {
        autoplay:3000,
        loop:true,
        pagination: '.swiper-pagination',

    });


</script>



</body>
</html>